#app {
    position: relative;
    overflow: hidden;
}

.show {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    /* visibility: hidden; */
}

/* // 弹出框 */
#showBox {
    width: 2rem;
    height: 1.2rem;
    background-color: #000;
}

.imgActive {
    /* border: 2px solid red; */
}
.imgList {
    position: absolute;
    width: 100vw;
    height: .8rem;
    background-color: rgba(0, 0, 0, .4);
    bottom: -0.8rem;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s;
}
.imgList .open {
    width: .2rem;
    height: .2rem;
    background-color: pink;
    z-index: 10;
    position: absolute;
    right: 1rem;
    top: -0.2rem;
    font-size: .2rem;
    text-align: center;
    line-height: .2rem;
}
.imgList .img {
  width: 1.2rem;
  height: 0.6rem;
  background-color: #fff;
  margin-left: .1rem;
}
.imgList .img  img {
    width: 100%;
    height: 100%;
  }


.imgList:hover  .none {
    
}

.fade-enter-active {
    transition: all 4s;
}